﻿@{
    ViewBag.Title = "THÔNG TIN BÁO CÁO";
    Layout = "~/Views/Shared/_LayoutPage.cshtml";
}
<h1>@ViewBag.Title</h1>
<style>
    input[type=text].date {
        cursor: pointer;
        background: #f4f4f4 url(images/iconDate.png) no-repeat 105px center;
        border-radius: 6px;
        border: none;
        padding: 0 8px;
        height: 24px;
        line-height: 22px;
        width: 110px;
    }

    .formSearch .txtrdoLoai {
        color: #000;
        font-weight: bold;
        vertical-align: bottom;
        width: 100px;
    }

    .formSearch .tn {
        margin-right: 42px;
    }
    .formSearch .print {
        background: url(images/bg-menu.gif) repeat-x;
        width: 106px;
        height: 23px;
        line-height: 23px;
        text-align: center;
        display: block;
        color: #fff;
        margin: 5px 0 10px;
        font-weight: bold;
    }
</style>
@using (Html.BeginForm("", "Report", FormMethod.Get))
{
    <table border="0">
        <tbody>

            <tr class="formSearch">
                <td style="font-family:Tahoma; font-size:13px">
                    <p>Từ ngày:</p><input type="text" id="from" class="date" name="from" />
                </td>
                <td style="font-family:Tahoma; font-size:13px">
                    <p>Đến ngày:</p><input type="text" id="to" class="date" name="to" />
                </td>

            </tr>
        </tbody>
        <tbody>
            <tr style="height:10px"></tr>
            <tr class="formSearch">
                <td>
                    <input type="radio" checked="checked" name="rdoLoai" /><span class="txtrdoLoai tn">Công văn đến</span>
                </td>
                <td>
                    <input type="radio" name="rdoLoai" /><span class="txtrdoLoai">Công văn đi</span>
                </td>
            </tr>
            <tr style="height:20px"></tr>
            <tr class="formSearch">
                <td class="print">@Html.ActionLink("In sổ công văn", "Report1", "", new { target = "_blank", style="color:#fff" })</td>
                    </tr>
        </tbody>
    </table>

}

<script type="text/javascript">
    $(document).ready(function () {
        $("#from").datepicker({
            defaultDate: "+1w",
            changeMonth: true,
            changeYear: true,
            dateFormat: "dd-mm-yy",
            onClose: function (selectedDate) {
                $("#to").datepicker("option", "minDate", selectedDate);
            }
        });
        $("#to").datepicker({
            defaultDate: "+1w",
            changeMonth: true,
            changeYear: true,
            dateFormat: "dd-mm-yy",
            onClose: function (selectedDate) {
                $("#from").datepicker("option", "maxDate", selectedDate);
            }
        });
    })
</script>